{% extends "layout.html" %} 
{% block content %}
{% if type === 'username' %}
<div class="fz16 setper">
  <header>
    <span class="back zymkwap ift-goback"></span>
    <span class="title">昵称</span>
  </header>
  <div class="input-area">
    <div class="userName">
      <i class="zymkwap ift-mantou_ thumbnail"></i>
      <input type="tel" placeholder="请输入您的新昵称" autocomplete="off" maxlength="20" id="name">
    </div>
    <span class="tips">允许使用中英文、数字和下划线,可输入20字符</span>
    <div class="updateBtn">确定</div>
  </div>
</div>
{% elif type === 'sex' %}
<div class="fz16 setSex" >
    <header>
      <span class="back zymkwap ift-goback"></span>
      <span class="title">昵称</span>
    </header>
    <div class="chooseSex">
        <div class="boy" data-flag="boy">
          <span class="zymkwap ift-check"></span>
          <p>男</p>
          <span class="zymkwap ift-male boy"></span>
        </div>
        <div class="girl" data-flag="girl">
          <span class="zymkwap ift-check"></span>
          <p>女</p>
          <span class="zymkwap ift-female girl"></span>
        </div>
    </div>
</div>
{% endif %}
{% endblock %}
{% block script %}
<script src="../../../static/js/common/jquery.min.js"></script>
<script src="../../../static/js/common/util.js"></script>
<script src="../../../static/js/modifypage.js"></script>
{% endblock %}